@charset "utf-8";
/* CSS Document */
html {
	font-size: 625%;
}
body {
	max-width:6.40rem;
	margin:0 auto;
	font-size: 0.16rem
}
* {
	list-style: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
ul {
	list-style: outside none none;
}
header {
	max-width:6.40rem;
	margin:0 auto;
    height: .45rem;
    line-height: .45rem;
	font-size: 0.16rem
}
header #nav {
height: .45rem;
line-height: .45rem;
background-color:#06C;
}
header #nav li {
	width: 25%;
	text-align: center;
	float: left;
	display: inline-block;
}
header #nav a {
	color:#FFF;
	width: 100%;
    height: .45rem;
	display: block;
}
header #nav a:hover, header a:visited {
	background-color:#FFF;
	color:#06C;
	font-weight: bold;
}
.none {
	display: none;
}
.clear {
	clear: both;
	height: 0;
	display: block;
	content: ".";
	visibility: hidden;
}
/* 复选框用于切换菜单的开合状态 */
nav input[type="checkbox"], .menu {
	position: absolute;/*相对于父元素绝对定位*/
	left: 2%;
	top: 10px;
	display: none;/*隐藏不显示*/
}
@media (max-width: 640px) {/*当屏幕小于640px时*/
.menu {
	display: block;/*显示该对象，之前被隐藏*/
	cursor: pointer;/*设定鼠标的形状为一只伸出食指的手*/
}
.menu img {
	width: 100%;
}
nav > ul {
	display: none;
}
nav input[type="checkbox"]:checked ~ ul {
	display: block;
}
nav ul li {
	min-width: 100%;
	display: block;
	text-align: center;
	margin: 0;
	padding: 0;
	background: #06C;
}
nav ul li a {
	color:#FFF
	display: block;
	margin: 10px 0;
}
}
